<!DOCTYPE html>
<html lang="en">

    <head>
        <title> 高德地图导航定位 </title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <!--内联样式-->
        <style rel="stylesheet" type="text/css">
            /*去除正文区域默认的内外间距：全屏*/
            body { margin:0; padding:0; }
            /*地图容器大小：全屏*/
            #container { width:100%; height:100vh; }
        </style>
    </head>

    <body>
    <div id="container"></div>

    <!--设置全局变量-->
    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode: '55ef3b7a97fa32cd6aa6eac079a44545'
        }
    </script>

    <!--加载官方离线脚本，附加申请的key
            会自动下载你的离线脚本库到本地
        -->
    <script
            type="text/javascript"
            src="https://webapi.amap.com/maps?v=2.0&key=e5e8e09d6b8cb645d05ec63c49f4ee26"
    ></script>

    <script type="text/javascript">
        var map = new AMap.Map(
            'container',
            {
                zoom:40,                        //初始地图比例
                center:[104.022600,30.697614]   //初始地图中心点【经度，维度】
            }
        )

        //当页面正式加载完毕后
           window.onload = function() {
                //调用鸿蒙应用的方法，获取当前设备定位的经纬度
                window.swift.setCurrentLocation()
           }

        //设置地图定位点（经度，纬度）
            function setLocation(longitude,latitude) {

                //重新设置地图的经纬度
                map.setZoomAndCenter(40,[longitude,latitude])

                var marker = new AMap.Marker({
                    map,     //参考地图对象
                    icon:'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png',
                    position: [longitude,latitude]
                })

                map.add(marker)

               //为地图新增插件能力：搜索
                map.plugin(['AMap.PlaceSearch'], function(){

                    //创建搜索功能对象，提供所有设置
                    var MSearch = new AMap.PlaceSearch({
                        map,                //绑定的地图对象
                        pageSize: 4,        //每页多少条
                        pageIndex: 1,       //第几页
                        extensions: 'base'  //结果：基本信息
                    })

                    //为地图设置监听：当搜索完成时
                    AMap.Event.addListener(MSearch, 'complete', (res)=>{
                        //调用鸿蒙应用方法，将结果传过去
                        window.swift.receiveNearPlace(JSON.stringify(res.poiList.pois))
                    })

                    //执行搜索
                    MSearch.searchNearBy('停车场', [longitude,latitude])

                })

            }
    </script>
    </body>
</html>>